<div class="page-group">
    <div class="page page-current">
        <header class="bar bar-nav bac-orranged">
            <a class="button button-link button-nav pull-left back" ui-sref="tabsController.PersonalCenter">
                <i class="fa fa-arrow-left fa-0.5x" style="color: white"></i>
            </a>
            <a class="button button-link button-nav pull-right back" ui-sref="ModifyPersonalData">
                <i class="fa fa-bookmark-o fa-0.5x" style="color: white"></i>
            </a>
            <h1 class="title white">个人资料</h1>
        </header>

        <div class="content bac-white">
            <div class="personalData-user">
                <div class="border1">
                    <div class="border2">
                        <div>
                            <img id="preview" class="personalData-user-log"  src="http://139.199.71.21:8080/gxjlpt/resource/images/{{personalInfo.userImgPath}}">
                            <input id="fi" type="file" name="file" onchange="change('fi','preview')"  style="opacity: 0;margin-top:0.7rem;margin-left:0.7rem;position: absolute;width: 5.4rem;height: 5.4rem;"/>
                        </div>

                    </div>
                </div>
                <div class="TrueButton" ng-click="UploadUserHeader()">
                    上传头像
                </div>
            </div>
            <div class="list-block">
                <ul>
                    <li class="item-content">
                        <div class="content-padded grid-demo">
                            <div class="row" style="margin-left:-1rem;">
                                <div class="col-33">
                                    <i class="fa fa-address-book fa-1x" style="color:orangered"></i>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner">
                            <div class="item-title">姓名</div>
                            <div class="item-after">{{personalInfo.userNickname}}</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="content-padded grid-demo">
                            <div class="row" style="margin-left:-1rem;">
                                <div class="col-33">
                                    <i class="fa fa-user fa-1x" style="color:orangered"></i>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner">

                            <div class="item-title">账户</div>
                            <div class="item-after">{{personalInfo.userAccount}}</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="content-padded grid-demo">
                            <div class="row" style="margin-left:-1rem;">
                                <div class="col-33">
                                    <i class="fa fa-hand-o-right fa-1x" style="color:orangered"></i>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner">
                            <div class="item-title">性别</div>
                            <div class="item-after">{{personalInfo.userSex}}</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="content-padded grid-demo">
                            <div class="row" style="margin-left:-1rem;">
                                <div class="col-33">
                                    <i class="fa fa-graduation-cap fa-1x" style="color:orangered"></i>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner">
                            <div class="item-title">所在大学</div>
                            <div class="item-after">{{personalInfo.schoolName}}</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="content-padded grid-demo">
                            <div class="row" style="margin-left:-1rem;">
                                <div class="col-33">
                                    <i class="fa fa-phone fa-1x" style="color:orangered"></i>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner">
                            <div class="item-title">邮箱</div>
                            <div class="item-after">{{personalInfo.userEmail}}</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script ng-init="MySuiInit()"></script>


